/* 导航条 */
.xl-navbar-left p{
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    padding-top: 5px;
}
.xl-navbar-right a{
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    margin-top: 5px;
    color: rgb(52, 51, 51);
    margin-right: 15px;
}


/* 主体内容 */
.xl-course-details {
    background-color: transparent;
}

/* 左边内容 */
.xl-details-left-wrap {
    width: 40%;
    margin-left:-15px;
    float: left;
    height: 100%
}
/* 左上边内容 */
.xl-details-left-top {
    background-color: #fff;
    height: 25%;
}
.xl-details-img-wrap {
    width: 100%;
    height: 70%;
}
.xl-details-img-wrap img {
    width: 100%;
    height: 100%;
}
.xl-details-name-wrap {
    padding:2% 2%;
}
.xl-course-name {
    float: left;
    font-size: 18px;
    font-weight: 800;

}
.xl-course-time {
    float: right;
    font-size: 18px;
}

/* 左下边内容 */
.xl-details-left-bottom {
    background-color: #fff;
    height: 74%;
    margin-top: 5%;
}
.xl-details-content-wrap {
    padding: 2% 2%;
    border-bottom: 1px solid rgba(204, 210, 213, 0.563);
}
.xl-details-content-wrap p {
    text-indent: 32px;
}

.xl-details-text-wrap {
    padding: 5% 2%;
    border-bottom: 1px solid rgba(204, 210, 213, 0.563);
}
.xl-text-title {
    float: left;
    font-weight: 700;
    line-height: 20px;
}
.xl-text-content {
    float: right;
}
.xl-student-study-wrap {
    width: 100%;

}
.xl-study-details {
    width: 33%;
    padding: 10% 5%;
    float: left;
    border-right: 1px solid rgba(204, 210, 213, 0.563);
    text-align: center;
}
.xl-hours {
    color: #00bfff;
    font-size: 18px;
    font-weight: 700;
}
.xl-student-study-wrap .last {
    border-right: none;
}
/* 右边内容 */
.xl-details-right-wrap {
    width: 61%;
    background-color: #fff;
    height: 20px;
    float: right;
    margin-right: -15px;
    height: 100%;
}
.xl-introduction-wrap {
    padding:5% 2% 2% 2%;
    border-bottom: 1px solid rgba(204, 210, 213, 0.563);;
}
.xl-introduction-wrap span {
    padding:0 2% 2.5% 2%;
    font-size: 18px;
    cursor: pointer;
}

.xl-introduction {
    border-bottom: 1px solid #00bfff;
    font-weight: 700;
}
.xl-introduction-details-wrap {
    width: 100%;
}
.xl-introduction-details-wrap p {
    padding: 5% 2%;
    text-indent: 2em;
}
.xl-introduction-details-wrap img {
    width: 100%;
    padding-bottom: 10%;
    padding-left:2%;
    padding-right: 2%;
}

/* 隐藏签到 */
.xl-check-in-wrap {
    display: none;
}


